<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组</title>
</head>
<body>
    <!-- 数组 Array：就是一组数据的集合， 其中的每个数据被称为元素， 在数组中可以存放任意类型的元素， 数组是一种将 一组数据存储在 单个变量名下的优雅方式 -->
    <!-- var sum = [1,2,3,4,5] -->
      <!-- 创建数组方式
           通过         1  利用new创建数组
                       var arr = new Array();  // 创建了一个空的数组   A要大写
       这个常用     2  利用数组字面量创建数组
                       var arr = [];  // 这个用得多 重点
                       var arr = [1,2,'pink',true];
                       数组里面的数据 一定要用 ， 隔开
                       数组里面的 数据 ， 我们称之为 数组元素
            -->
            <!-- 获取数组元素
                   1  数组的索引（下标）  数组的下标是从 0 开始
                   2  数组名[索引号]   索引号从 0 开始
            -->
            <script>
                var  arr = [1,2,'pink老师',4]
                console.log(arr[0]);
                console.log(arr[2]);

            </script>

             <!-- 遍历数组： 就是把数组中的所有元素 从头到尾都访问一次  -->
            <script>
                var arr1 = [1,2,3,'zz'];
                for (i=0; i<4;i++){
                 console.log(arr[i]);
                } 
                // 1 因为我们的索引号 从 0 开始，所以 i 必须从0 开始 if< 4；
                // 2 输出的时候 arr1[i]  i 计数器当索引号来用
            </script>

            <!-- 数组长度： 数组名.length  可以访问数组元素的数组长度-->
            <script>
                var arr2 = ['赵哲', '乔聪雅','你好啊','我们可以一起玩吗'];
                for (var i = 0; i < arr2.length; i++){
                   // console.log(arr2.length); // 数组长度为4
                   console.log(arr2[i]);
                }
                // 1 数组的长度是元素个数  不要跟索引号混淆
                // 2  arr2.length 动态检测数组元素的个数 可以随意加减元素
            </script>

            <!-- 数组中新增元素 ： 可以通过修改 length 长度 以及索引号增加数组元素 -->
                     <!-- 1  通过修改 length 长度 新增数组元素
                              可以通过修改 length 长度来实现 数组扩容的目的
                              length 属性是可读写的 -->
                              <script>
                                  var arr3 = ['red','blue','pink']
                                  console.log(arr3.length);
                                  arr3.length = 5; // 把我们数组的长度修改为了 5 ， 里面应该有 5 个元素
                                  console.log(arr3);
                                  console.log(arr3[3]);  // 为给值 所以是 undefined
                                  console.log(arr3[4]);

                              </script>

                          <!-- 2  通过修改数组索引新增数组元素   追加数组元素  
                               可以通过修改数组索引的方式追加数组元素
                               不要直接给 数组名赋值 否则 会覆盖掉以前的数据 -->
                              <script>
                                   var arr4 = ['red','blue','pink'];
                                
                                    arr4[3] = 'zhaozhe';
                                    arr4[4] = 'zhao';
                                    arr4[2] = '乔'; // 这里是替换原来的数组元素
                                    console.log(arr4);
                                    arr4 = '乔聪雅';
                                    console.log(arr4); // 不要直接给 数组名赋值 否则 会覆盖掉以前的数据
                              </script>

                         

             
</body>
</html>